
<!DOCTYPE html>
<!--[if IE 8]> 				 <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

    <head>
        <meta charset="iso-8859-1" />
        <meta name="viewport" content="width=device-width" />
        <title>Marcos Furer - Photography</title>

        <link rel="stylesheet" href="stylesheets/normalize.css" />
        <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="stylesheets/app.css" />


        <script src="<?php echo(URL); ?>javascripts/vendor/custom.modernizr.js"></script>

    </head>
    <body>
        <!-- MENU -->
        <!--<div style="position: fixed;top: 0px;left: 0px;width: 100%;z-index: 9999">-->
        <?php include_once './tpl/menu.html'; ?> 
        <!--</div>-->
        <!-- FIN MENU -->
        <!-- GALERIA -->
        <section id="galeria">
            <div class="row full-width">
                <div class="large-12 columns"> 
                    <div class="gallery-info-box padding-content">
                        <h2>Argentina Light</h2>
                        <p class="light">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</p>
                    </div>
                    <div id="gallery-wrapper">
                        <div id="gallery-container">
                            <div id="photo-gallery">
                                <img src="content/img/01.jpg" alt="" />
                                <img src="content/img/02.jpg" alt="" />
                                <img src="content/img/03.jpg" alt="" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- FIN GALERIA -->
        <!-- FOOTER GALERIA -->
        <footer>
            <!--<div style="position: fixed;bottom: 0px;left: 0px;width: 100%;z-index: 9999">-->
            <div id="gallery-footer">
                <div class="left">
                    <div class="project-nav">
                        <ul>
                            <li class="active has-sub"><a href="#">Fine Art&nbsp;&nbsp;|&nbsp;&nbsp;Argentina Light <span style="margin-left: 10px;color: #ccc">&#x25B2;</span></a>
                                <ul>
                                    <li class='has-sub'><a href='#'><span>Fine Art</span></a>
                                        <ul>
                                            <li><a href='#'><span>Argentina Light</span></a></li>
                                            
                                        </ul>
                                    </li>
                                    <li class='has-sub'><a href='#'><span>Projects</span></a>
                                        <ul>
                                            <li><a href='#'><span>2 days in BA</span></a></li>
                                            <li><a href='#'><span>2 days in Paris</span></a></li>
                                            <li><a href='#'><span>Feathers</span></a></li>
                                            <li><a href='#'><span>Impresionismo</span></a></li>
                                            <li><a href='#'><span>People</span></a></li>
                                            <li class='last'><a href='#'><span>Venezia</span></a></li>
                                        </ul>
                                    </li>
                                    <li class='has-sub'><a href='#'><span>Commercial</span></a>
                                        <ul>
                                            <li><a href='#'><span>Alaska</span></a></li>
                                            <li><a href='#'><span>Botswana</span></a></li>
                                            <li><a href='#'><span>Nervous waters</span></a></li>
                                            <li class='last'><a href='#'><span>Winchester</span></a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right hide-for-small">
                    <a href="#" class="gallery-button prev-button"><</a>
                    <a href="#" class="gallery-button next-button">></a>
                </div>
            </div>
            <!--</div>-->
        </footer>
        <!-- FIN FOOTER GALERIA -->
        <script>
            document.write('<script src=' + ('__proto__' in {} ? '<?php echo(URL); ?>javascripts/vendor/zepto' : '<?php echo(URL); ?>javascripts/vendor/jquery') + '.js><\/script>')
        </script>
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.alerts.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.clearing.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.cookie.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.dropdown.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.forms.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.joyride.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.magellan.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.orbit.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.placeholder.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.reveal.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.section.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.tooltips.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.topbar.js"></script>

        <script>
            $(document).foundation();
            $(document).ready(function() {
                var viewportHeight = $(window).height() - 181;
                var viewportWidth = $(window).width();
                if (viewportWidth > 930) {
                    $('#photo-gallery img').css('max-height', viewportHeight);
                    $('.gallery-info-box').css('height', viewportHeight);
                } else {
                    $('#photo-gallery img').css('max-height', 'none');
                    $('.gallery-info-box').css('height', 'auto');
                }
            });
            $(window).resize(function() {
                var viewportHeight = $(window).height() - 181;
                var viewportWidth = $(window).width();
                if (viewportWidth > 940) {
                    $('#photo-gallery img').css('max-height', viewportHeight);
                    $('.gallery-info-box').css('height', viewportHeight);
                } else {
                    $('#photo-gallery img').css('max-height', 'none');
                    $('.gallery-info-box').css('height', 'auto');
                }
            });
        </script>
    </body>
</html>
